.page-coupon {
	padding: 0 0.3rem 1.26rem 0.3rem;
	* {
		box-sizing: border-box;
	}
	.coupon-header {
		width: 6.9rem;
		height: 0.88rem;
		background: url("../../../../images/paymentDiscount/bg_lqzx@2x.png") top
			center/100% auto no-repeat;
		.header-num {
			padding: 0 0 0 2.16rem;
		}
		.header-go {
			height: 0.88rem;
			.go-text {
				padding: 0 0.3rem 0 0;
			}
			.go-icon {
				display: inline-block;
				margin: 0 0.3rem 0 0;
				width: 0.16rem;
				height: 0.24rem;
				background: url("../../../../images/paymentDiscount/ic_more_w@2x.png")
					top center/100% auto no-repeat;
			}
		}
	}
	.coupon-list {
		.list-noData {
			.noData-icon {
				margin: 1.2rem 0 0 0;
				width: 2.4rem;
				height: 2.4rem;
				background: url("../../../../images/paymentDiscount/icon@2x.png") top
					center/100% auto no-repeat;
			}
			.noData-tips {
				padding: 0.6rem 0 0.3rem 0;
				line-height: 0.48rem;
				text-align: center;
			}
			.noData-btn {
				border-radius: 0.5rem;
				width: 1.44rem;
				height: 0.56rem;
				line-height: 0.56rem;
				text-align: center;
				background: linear-gradient(90deg, #f83f55 0%, #f8262d 100%);
				color: #fffdfc;
			}
		}
	}
	.coupon-more {
		padding: 0.3rem 0 0 0;
		text-align: center;
	}
	.coupon-btn {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 0.96rem;
		background: #fff;
		color: #302e2f;
		.btn-l {
			width: 100%;
		}
		.btn-r {
			width: 100%;
			border-left: 1px solid #eee;
			.btn-word {
				position: relative;
				.word-marker {
					position: absolute;
					top: -0.1rem;
					left: 1rem;
					width: 0.88rem;
					height: 0.32rem;
					border-radius: 0.16rem 0.16rem 0.16rem 0px;
					background: #f82633;
					color: #fff;
					.marker-text {
						display: inline-block;
					}
				}
			}
		}
	}
}
